Tutorial-02/title> </head> <body> <header> <h2>🛩️Tutorial-02:</h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/GkZN_-HMCJ8?list=PLQEaRBV9gAFvuqteq8ue-jANYIBD2H9BF" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </header> <h1>Install Required Software:</h1> <h2>1. Install Visual Studio Code</h2> <p>This is a free piece of software from Microsoft that you will use to write your code.</p> <a href="https://code.visualstudio.com/" target="_blank">Download Visual Studio Code</a> <h2>2. Install Visual Studio Code Extensions</h2> <ul> <li><a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server" target="_blank">Live Preview</a></li> <li><a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" target="_blank">Prettier</a></li> <li>Live Server</li> </ul> <hr> <h2>1: The Heading (<h1> to <h6>)</h2> <pre> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </pre> <ul> <li><h1>: The most important heading, typically used once per page.</li> <li><h2>: A major section heading.</li> <li><h3>: A sub-section heading under an <h2>.</li> <li>...down to <h6>, the least important heading.</li> </ul> <hr> <h2>2: The Paragraph (<p>)</h2> <pre> <p>This is the first paragraph.</p> <p>This is a second, separate paragraph.</p> </pre> <hr> <h2>3: HTML Horizontal Rules</h2> <pre> <p>This is the first topic.</p> <hr /> <p>This is a completely different topic.</p> </pre> <hr> <h2>4: The Line Break Tag (<br>)</h2> <pre> <p>221B Baker Street<br> London, England</p> </pre> <hr> <h2>6: List Elements (<ul>, <ol>, <li>)</h2> <pre> <ul> <li>Tea Bag</li> <li>Water</li> <li>Sugar</li> <li>Milk</li> </ul> <ol> <li>First, boil the water.</li> <li>Add tea bag, sugar and milk.</li> <li>Boil for 5 minutes.</li> <li>Serve the tea.</li> </ol> </pre> <hr> <h2>7: The Anchor Tag (<a>)</h2> <pre> <a href="https://www.coderarmy.in/">Visit Coder Army</a> </pre> <ul> <li>_self → opens in same tab (default)</li> <li>_blank → opens in new tab</li> </ul> <hr> <h2>8: The Image Tag (<img>)</h2> <pre> <img src="https://cdn.britannica.com/16/234216-050-C66F8665/beagle-hound-dog.jpg" height="300px" width="300px" alt="This is Dog Photo"> </pre> <img src="https://cdn.britannica.com/16/234216-050-C66F8665/beagle-hound-dog.jpg"height="300px" width="300px" alt="This is Dog Photo"> <hr> </body> </html>